// Site Title
// We replaced this with the logo option; leaving this in case we switch back
a.site-title.lh-tight {
    text-wrap: nowrap;
}

// In-Page ToC
.text-delta {
    color: goldenrod;
    font-weight: bold;
}
#markdown-toc li a {
    color: goldenrod;
}

// Make the separators into non-clickable section headers
a[href^="/separator"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: goldenrod;
    font-weight: bold;
    font-size: larger;
    margin-top: 15px;
  }

  .big-text {
    font-size: 42px;
    font-weight: bold;
    color: darkblue;
  }
  .med-text {
    font-size: 24px;
    font-weight: bold;
    color: black;
  }

.swirl-iframe-container {
  position: relative;
  width: 100%;
  /* Remove padding-bottom */
  /* padding-bottom: 56.25%; */

  /* Instead, give it a fixed or viewport-relative height: */
  height: 80vh;
  margin: 2rem 0;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.swirl-iframe-container iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border: 0;
}

